<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8"/>  
   <meta name="author" content="gully" />
   <meta name="keywords" content="记账, 账本, account book, expense" /> 
   <meta name="description" content="网络记帐本,支持个人或组织账本." />
   <link href="/static/styles/sitestyle_en.css" rel="stylesheet"/>
   <title>Expenses Book</title>
   </head>

<body style="padding-left:10px;">
<table><tr>
  <th style="width:220px;" align="left" valign="middle">
    <a href="http://code.google.com/appengine/">
      <img alt="Powered by Google App Engine" src="/static/images/appengine-noborder-120x30.gif"/>
    </a>
    <a href="http://validator.w3.org/check?uri=referer">
      <img src="/static/images/w3c/valid-xhtml11.png"
         alt="Valid XHTML 1.1" height="31" width="88" />
    </a>
  </th>	
  <th id="flash-msg" class="flash-msg" style="width:200px;">{%if flash.msg %}{{ flash.msg|escape }} {% endif %}</th>
  <th style="width:160px;" align="right">
   <a href="/?lang=zh-cn">中文</a> | 
   <a href="/?lang=en-us">English</a> | 
   <a href="/logout">Logout</a>
   </th>
</tr></table>
<table style="border:1px solid #cccccc;"><tbody>

    <tr>
      <td colspan="3" ><img alt="Expenses Book Logo" src="/static/images/logo_big.png"/></td>
    </tr>
    <tr>
	   <td style="width:210px;"><img alt="accountBook" src="/static/images/books2.jpg"/></td>
	   <td valign="top" style="align:center;">
	     <div>
	     {% if xmsuser %}
          Welcome {{xmsuser.NickName|escape}}
          {% if groups %}
          <br/>Your groups(click into):
          {% for group in groups%}
          <br/><a href='/summary/{{group.GroupName|escape}}'>{{group.GroupName|escape}}</a>
          {% endfor %}
          <br/><br/><a href='/allgroups'>my all groups</a>
          {%endif%}
       {%else%}
		   Pls join ExpensesBook first
       {%endif%}
       </div>
	   </td>
	   <td valign="top" style="width:150px;">
	         {% if xmsuser %}
              {% if groups %}
                You can also:
              {%else%}
                You have no group, you can:
              {%endif%}
              <div class="MyButton"><a href="/joingroup">Join Group</a></div>
              <div class="MyButton"><a href="/creategroup">Create Group</a></div> 
          {%else%}
            Welcome {{user.email}} <hr style="color:#CCCCCC;"/><br/>
            <div class="MyButton"><a href="/join">Join Now</a></div>
            <div style="color:#666666;"> You can join ExBook using your google&reg; account.</div>
          {%endif%}
	   </td>
	 </tr>
	
</tbody></table>
     <script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	 </script>
	 <script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-4033878-2");
		pageTracker._trackPageview();
		} catch(err) {}
	</script>
</body>
</html>